<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用教学</title>
	</head>
	<body>
		<!-- 元素存在多个属性和属性值使用 
		     图片元素使用【非封闭型】
			 语法：<img />  简写<img>
		-->
		
		<!-- 必须属性： src【资源属性】=资源全称   
		alt【标题属性】 属性值文本自定义
		特点：网络延迟图片显示失效或者路径图片全称写错
		title【标题属性】 属性值文本自定义  特点：鼠标移动到图片上显示
		px ---像素点
		  属性属性值可为多个，空格区分，无先后顺序-->
		  
		<!-- 路径问题   路径：找到文件所在位置
		front-end/Dayo01/图片元素.html
		/ \表示路径  
		/ 代表上传至服务器
		\ 下载到本地   
		-->
		<img src="img/hai.png" alt="海绵">
		<img src="img/zhang.jpg" alt="丈"  width="500px" height="500px"/>
		<img src="img/pai.gif" title="海星" width="500px" height="500px" />
		
		
	</body>
	
	
</html>